@import url("User.css");
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑" ,"宋体" , "Arial Narrow"; background: #fff url(../images/as1.jpg) no-repeat; color: #878787; }
form, ul, li, p, h1, h2, h3, h4, h5, h6,span,dl,dt,dd { margin: 0; padding: 0; }
input, select { font-size: 12px; line-height: 16px; }
img { border: 0; }.fl{ float:left;}.rl{ float:right;}
em.cite,i{ font-style:normal;}.pd10{ padding:10px;}
ol, ul, li { list-style-type: none; }
a:link, a:visited, a:active { color: #878787; text-decoration: none; }
a:hover { color: #FFA31F; text-decoration: underline; }
abbr, acronym { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
.clear { clear: both; height: 0; overflow: hidden; display: block; }
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "."; }
q:before, q:after { content: ''; }
.h10 { height: 10px; float: left; width: 100%; overflow: hidden; display: block;clear: both; }
.h20 { height: 20px; float: left; width: 100%; overflow: hidden; display: block;clear: both; }
.h30 { height: 30px; float: left; width: 100%; overflow: hidden; display: block;clear: both; }
#review-archive { margin-bottom:30px; }
	.review-item { background:url(../images/review-bg.png) repeat-x; height:66px; padding:20px; }
	.review-item.second { background:url(../images/review-second-bg.png) repeat-x; }
	.review-item.second.last { border-bottom:1px solid #d7d7d7; }
	.review-item-thumb { float:left; margin-right:20px; border:1px solid #333333; }
	.review-item h5 { font-family:"BebasNeueRegular"; font-size:23px; margin-bottom:6px; }
	.review-item h5 a { color:#000; }
	.review-item h5 small { color:#777; font-size:13px; font-family:Arial; text-shadow: 1px 1px 1px #FFF; }
	.review-item p { line-height:18px; color:#656565; text-shadow: 1px 1px 1px #FFF; overflow:hidden; }
	.archive-score { float:left; width:30px; height:21px; margin-right:10px; text-align:center; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; padding-top:5px; }
	.archive-score.green { background:url(../images/small-rating-green.png) no-repeat; }
	.archive-score.darkgreen { background:url(../images/small-rating-darkgreen.png) no-repeat; }
	.archive-score.yellow { background:url(../images/small-rating-yellow.png) no-repeat; }
	.archive-score.darkred { background:url(../images/small-rating-darkred.png) no-repeat; }
	.archive-score.red { background:url(../images/small-rating-red.png) no-repeat; }
	/*     8.1. Video + Screenshot archive     */
	#media-wrapper { margin-bottom:10px; overflow:hidden; }
	.media-item { float:left; width:260px; margin-right:18px; margin-bottom:17px;}
	.media-item.last { float:right; margin:0; }
	.media-arrows { background:url(../images/media-arrows.png) no-repeat; width:30px; height:29px; position:absolute; top:115px; left:1px; }
	.media-item h4 { margin-bottom:0px; position:absolute; top:115px; left:31px; color:#FFF; background:#000; font-size:14px; padding:6px; font-family:"BebasNeueRegular"; }
	.media-item h4 a { color:#FFF; }
	.media-thumb { position:relative;  float:left; }
	.media-thumb img { border:1px solid #CCC; width:260px; height:150px;}
	.video-icon { background:url(../images/video-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
	.screenshot-icon { background:url(../images/screenshot-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }
	.media-meta-wrapper { background:url(../images/section-title.png) repeat; height:25px; border-bottom:1px solid #CCC; margin-top:-3px; padding:9px 9px 0 9px; }
	.media-meta-wrapper span { text-shadow: 1px 1px 1px #FFF; font-weight:bold; text-transform: uppercase; letter-spacing:1px; }
	.media-meta { color:#777; float:left; }
	.media-cats { float:right; color:#777; }
	.flickr{
	
	padding-top: 6px;
}.flickr a{ padding:5px; background:#ccc; display:inline-block;}
.flickr a:hover{ background:#FC0;}
.flickr img{ width:60px; height:60px;}
	
.s { width:760px; padding:100px 120px; float:left;}
.s .s1{float:left; width:420px; }
.s .s1 dl{ float:left; width:420px; padding:10px 0;}
.s .s1 dt{ width:60px; float:left; line-height:28px; text-align:right;}
.s .s1 dd{ width:180px; float: left;line-height:28px;}
.s .s1 dd input{ height:26px; line-height:26px; width:170px;}
.s .s2{ width:250px; float:right; background:#ccc; height:300px;}
	
.ber{ border-right:1px #414141 solid;}
.d li a,.f li,.f dt em,.h dt em,.h .h2 a,.h .h2{ background:url(../images/w6.png);}
.i .i5{ background:url(../images/into.png);}
.a,.z,.yq{ width:1000px; float:left;}
.b{width:998px; float:left;}

.a .a1{ width:1000px; text-align:right; height:40px; line-height:40px;float:left; padding-bottom:20px;}
.a .a1 a{ margin-left:20px;}
.a .a2 h1 a{width:196px; height:36px; text-indent:-10000px; display:block; float:left; background:url(../images/logo.png) no-repeat;}
.a .a3{ float:right; background:url(../images/show.png) no-repeat; width:325px; height:66px;}
.a .a4 { clear: both; height: 37px; line-height: 37px; text-align: center;padding:30px 0;}
.a .a4 a { position:relative; width:87px; text-align:center; height:37px; display:inline-block; font-size:14px; font-weight:bold;}
.a .a4 em{ position:absolute; right:6px; top:-6px; background:url(../images/hot.gif) no-repeat; width:21px; height:16px; font-size:0px;}
.a .a4 i,.b i{ color: #F60; margin:0 2px; }
.a .a4 a:hover{text-decoration:none; background:#FC0; color:#000;}
.a .a5{ background:#FC0; color:#000;  text-decoration:none;}

.dotted{ border:1px #ccc dotted;}
.body{ width:1000px; margin:0 auto;}
.k1000{ width:1000px; float:left;}
.k820{ width:820px;float:left;}
.k838{ width:838px;float:left;}
.k160{ width:160px;float:right;}
.k715{ width:715px;float:left;}
.k265{ width:265px;float:right;}

.o .o1,.o .o4{ width:1000px; float:left;}
.o .o2{ width:520px; float:left; border:1px #ccc solid; padding:15px 30px 30px 25px;}
.o .o2 strong,.o .o5 strong{ width:540px; height:40px; display:block; text-align:center; font-size:16px;}
.o .o2 p{ padding-bottom:10px;}
.o .o2 a{ margin-left:15px;}
.o .o2 span{ padding-top:12px; display:block;}
.o .o3{ width:360px; float:right; border:1px #ccc solid; padding:15px 20px;}
.o .o3 strong,.o .o9 strong{ width:400px; height:40px; display:block; text-align:center; font-size:16px;}
.o .o3 p{ padding-bottom:10px;}
.o .o3 li{ float:left;}
.o .o3 img{ width:80px; height:80px; float:left; border:5px #fff solid; }
.o .o3 a:hover img{ border:#FC0 5px solid;}
.o .o5{width:530px; float:left; border:1px #ccc dotted; padding:15px 30px 15px 15px;height:418px;}
.o .o5 li{ width:540px; float:left; padding:10px 0; border-bottom:1px #ccc dotted;}
.o .o6{ float:left; width:300px;}
.o .o6 a,.o .o9 a,.q .q6 a{ color:#09C;}
.o .o6 img,.o .o10 img,.q .q6 img{ width:40px; height:40px; float:left; }
.o .o8 h2{ font-size:30px; display:inline-block; padding-left:15px;}
.o .o7{ float:left; padding-left:15px; display:block;}
.o .o8{ float:right;}
.o .o9 h4{ color:#09C; display:block; font-size:12px;}
.o .o9{ width:360px; float:right; border:1px #ccc dotted; padding:15px 20px; height:418px;}
.o .o9 li,.q .q6 li{ width:178px; float:left; border:1px #ccc dotted; margin-bottom:5px;}
.o .o9 li a,.q .q6 li a{ display:block; color:#666; line-height:20px; width:178px; height:40px}
.o .o9 li a:hover,.q .q6 li a:hover{ background:#FC0;}
.o .o10,.q .q7{ float:left; width:50px;}
.o .o11,.q .q8{ width:128px; float:right;}

.p{ width:380px; height:160px; margin:20px auto;}
.p .p1{ width:145px; float:left;}
.p .p1 img{ width:150px; height:150px; border:5px #000 solid;}
.p .p2{ width:200px; float:right;}
.p .p2 dl{ float:left;}
.p .p2 strong{ font-size:16px; padding-bottom:10px; display:block;}
.p .p2 dt,.p .p2 dd{ height:22px; line-height:22px; color:#000;}
.p .p2 dt{ float:left; width:50px;}
.p .p2 dd{ float:right; width:150px;}

.q .q1{ height:35px; line-height:35px; border-bottom:1px #333 dotted; padding-top:60px; text-align:right;}
.q .q1 a{ padding:0 15px; display: inline-block;font-size:14px;}
.q .q2{ background:#000; color:#fff; }
.q .q4{ float:left;}
.q .q4 dl{ height:30px; float:left; width:500px; line-height:30px; font-size:14px;}
.q .q4 dt{ float:left; width:190px; text-align:right; padding-right:10px;}
.q .q4 dd{ float:right; width:300px;}
.q .q5{  width:500px;float:left; padding:20px 0;}
.q .q6{ padding:30px 50px; float:left;}


.b dl{ float:left; width:998px; padding:8px 0; border-bottom:1px #ccc dotted;}
.b dt{ float:left; padding:3px 5px 5px 15px; text-align:right; font-weight:bold;font-size:14px;}
.b dd{ float:right; width:935px;}
.b a{  display:inline-block; padding:2px 5px; text-decoration:none; margin-bottom:2px; }
.b a:hover,.b .b2{ background: #FC0; color:#000;}
.b span{display: inline-block; width: 10px; height: 10px; font-size: 1px; line-height: 1px; margin: 0 4px 0 0;}
.b .b1{ display:none;}

/*印象*/
.i li{ margin-bottom:2px; float:left;}
.i .i1{ width:290px; float:left; border:1px #ccc solid; border-right:none;}
.i .i2{ width:80px; height:130px; float:left; padding:2px;}
.i .i2 img{ width:78px; height:128px; border:1px #ccc solid; background:#fff;}
.i .i3{ width:200px; float:right;}
.i .i3 h3 { height:25px; line-height:25px;}
.i .i3 h3 a{ font-size:12px; color:#09F; font-weight:400; }
.i .i4{ height:36px; line-height:18px; width:200px; overflow:  hidden;}
.i .i5{ padding:3px 0; height:21px;  background-position:0 -31px; background-repeat:no-repeat;}
.i .i6{ width:180px; height:32px; overflow:hidden; color:#C6C;}
.i .i7{ width:497px; float:right; background:#ededed; height:104px; border:1px #ccc solid; padding:15px;}
.i .i8{ width:495px; height:60px; line-height:60px; text-align:center; background:#fff; display:block; border:1px #ccc solid;}
.i .i9{ padding-top:13px; float:left;}
.i .i9 a{ margin-right:15px; color:#000;}

.an_huang{ background:#FC0; border-left:2px #FF0 solid; border-top:2px #FF0 solid;border-bottom:2px #C47500 solid;border-right:2px #C47500 solid; padding:5px 20px;}
.an_lv{ background:#00CC00; border-left:2px #99FF00 solid; border-top:2px #99FF00 solid;border-bottom:2px #006600 solid;border-right:2px #006600 solid; padding:5px 20px;}
.an_bai,.an_bai a{ background:#fff; border-left:2px #fff solid; border-top:2px #fff solid;border-bottom:2px #666 solid;border-right:2px #666 solid; padding:5px 20px; color:#000;}
.an_hei,.an_bai a{ background:#333; border-left:2px #ccc solid; border-top:2px #ccc solid;border-bottom:2px #000 solid;border-right:2px #000 solid; padding:5px 20px;color:#FFF;}

/*代码*/
.j .j1{ float:left;width:814px; overflow:hidden; padding:3px; background:#333; border-bottom:1px #666 solid;}
.j .j2{ float:left; width:320px;}
.j .j2 img{ width:40px; height:40px; float:left; }
.j .j2 div{ float:left; padding:2px 10px;}
.j .j3{ float:left; width:200px; height:40px; line-height:40px; padding:0px 0 0 50px; }
.j .j3 a,.j .j5 a{ margin:0 5px; color:#000;}
.j .j4{ float:right;height:40px; line-height:40px; padding:0 15px; }
.j .j5{ float:left; width:820px; overflow:hidden; background:#000;}
/*内容*/
.k .k1{ border:1px #ccc solid;float:left;background: url(../images/f.gif) 100px 0 repeat-y; }
.k .k2{ width:100px; float:left;   padding:20px 0; font-size:30px; text-align:center;}
.k .k3{ width:815px; float:left; font-size:14px; padding:10px;}
.k .k4{ width:60px; float:right;}
.k .k4 a{ width:60px; height:100px; display:block; background:#FC0;}
.k .k5{ padding:50px 0 10px 50px; float:left; font-size:20px;}
.k .k6{ border:1px #ccc dotted; float:left; width:998px;}
.k .k7{ width:600px; float:left;}
.k .k7 ul{ padding:20px; float:left;}
.k .k7 li{ height:30px; line-height:30px;}
.k .k8{ float:right; width:200px; padding:10px; background:#000;}
.k .k9{}
.k .k10{ background: #FC0; text-align:center;color:#000; }
.k .k10 a{ margin:0 10px; line-height:30px; color:#000;}
.k .k10 h4{ padding:5px 0; display:block;}
.k .k11 { padding-top:10px;}
.k .k11 li{ height:25px; line-height:25px;}

/*首页*/
.l .l1{ border:4px #000 solid; height:180px; background:url(../images/ad.jpg) no-repeat;}
.l .l2{ width:1000px;}
.l .l3{ height:40px; line-height:40px;}
.l .l4{ width:600px; float:left; border:1px #ccc dotted;}
.l .l5{ height:30px; line-height:30px;  border-bottom:1px #ccc solid; width:600px;}
.l .l5 a{ padding:0 10px;display:inline-block;}
.l .l6{ background:#ccc;}
.l .l7 li{ width:280px; float:left; padding:10px; border-bottom:1px #ccc dotted;}
.l .l8{ float:left;}
.l .l8 img{ width:50px; height:50px;}
.l .l9{ float:left; width:222px; padding:0 0 0 8px;}

.l .l11{ width:380px;  float:right; border:1px #ccc dashed;}
.l .l11 li{ height:40px; line-height:40px; width:380px; float:left; border-bottom:1px #ccc dotted;}
.l .l11 strong{ width:80px; float:left; display:block;text-align:center; background:#EDEDED; }
.l .l11 p{ float:right; width:270px; overflow:hidden; display:block;}
.l .l12 a{ padding:10px 0; width:126px; display: inline-block; text-align:center;}

.m{ height:150px; width:1000px; float:left;}
.n { width:998px; float:left;}
.n div{ width:220px; float:right; padding:15px; line-height:24px;}
.n div p{ padding-bottom:8px; text-indent:2em;}
.n div strong{ font-size:16px; padding:0 0 30px 0; display:block;}
.n ul{ padding:15px 0 15px 15px; float:left; width:730px;}
.n li{ float:left; padding:4px;}
.n img{ width:96px; height:96px;}
/*签名*/
.c dl{ width:820px; float:left; margin:3px 0;}
.c dt{ float:left; width:220px; }
.c dt em{ font-weight:bold; padding-left:5px; color: #F60;}
.c dd{ float:right; width:575px; line-height:22px; color:#333; padding-right:5px;}
.c dd span{  height:30px; background:url(../images/into.png) no-repeat; display: inline-block; margin-left:10px; padding-left:15px; }
.c dd span a{ line-height:30px;display:inline-block; padding:0 15px; color:#000;}
.c dt a{ padding:7px 10px; display:inline-block; background:#333; color:#FFF;}
.c .c1{ background:#F0F0F0;}

/*QQ网名*/
.d{ border-top:1px #ccc solid;border-right:1px #ccc solid; float:left; background:url(../images/d.gif) ;}
.d li{ height:40px; line-height:40px; padding:0 15px; float:left; border-bottom:1px #ccc solid; border-left:1px #ccc solid; position:relative;}
.d li a{ background-position:0 -185px; width:13px; height:13px; position:absolute; left:0px; bottom:0px;}

/*QQ分组*/
.f{  border-top:1px #ccc solid;background:url(../images/f.gif); float:left; }
.f dl{ width:72px; float:left; margin-right:15px; text-align: center;background:#ccc;}
.f dt{ position:relative; padding:10px 0; }
.f dt em{ background-position:-14px -185px; position:absolute; display:block; right:-7px; top:15px; width:7px; height:14px;}
.f dt h6{ font-size:30px; color:#F60;}
.f dd{ padding-bottom:8px;}
.f dd img{ width:60px; height:60px;}
.f ul{ float:right; width:176px; padding-top:15px;}
.f li{ background-position:-32px -185px; background-repeat:no-repeat; padding-left:10px;}
.f .f2{ width:263px; float:left; padding-bottom:20px; padding-left:10px; }
.f .f1{ width:820px; float:left; border-bottom:1px #ccc solid;}
/*图片*/
.e { float: left;}
.e li { position: relative; text-align: center; margin: 0 12px 12px 0; width:196px; float: left; height: 196px; overflow: hidden; }
.e li.l1 { background: none transparent scroll repeat 0% 0%; }
.e li div.l1 { color: #a63941; }
.e li.l1 img { border: #fff 1px solid;  }
.e li div.e2 { z-index: 4; position: absolute; width: 16px; font-family: arial; height: 16px; color: #fff; font-size: 15px; top: 3px; font-weight: bold; left: 3px; }
.e li div.e3 { z-index: 3; position: absolute; width: 16px; font-family: arial; height: 16px; color: #111; font-size: 15px; top: 4px; font-weight: bold; left: 4px; }
.e li img { border: #ccc 1px solid; margin: 0px; width:196px; }
.e a { width: 196px; display: block; background: url(../images/floading.gif) no-repeat center center; height: 196px; }
.e a img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.e a:hover { background: #FFA31F; }
.e a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.e a span { position: absolute; font-family: "微软雅黑" , "宋体" , "Arial"; left: -9999px; }
.e a:hover span { filter: alpha(opacity=70); line-height: 30px; margin: 0px; width: 196px; bottom: 0px; display: block; font-family: arial; background: #fff; height: 30px; color: #000; font-size: 10px; cursor: pointer; left: 0px; -moz-opacity: 0.7; opacity: 0.7; }

/*内容*/
.t{ width:820px; overflow:hidden; float:left; }
.t .t1{ text-align:center; height:80px; line-height:80px; }
.t .t2{ text-align:center; background:#f5f5f5; padding:10px 0;}
.t .t3{ overflow:hidden; width:820px; float:left; padding:40px 0;}


/*资料*/
.h{ border:1px #ccc solid;float:left;}
.h dl{ border-bottom:1px #ccc solid; float:left; padding-bottom:10px;}
.h dt{ width:100px; float:left; text-align:center; position:relative;}
.h dt em{ background-position:0 -201px; width:9px; height:16px; right:-8px; top:10px; position:absolute;}
.h dt img{ width:96px; height:96px; border:2px #000 solid;}
.h dt span{ width:100px; display:block;  float:left; height:25px; line-height:25px;}
.h dt span a{ padding:0 13px; display:inline-block;}
.h dd{ width:698px; float:right; padding-left:20px;}
.h dd span{ height:35px; float:left; width:100%; line-height:35px;}
.h .h1{ background:#FFF0B3; }
.h .h2 a{ background-position:0 -219px; color:#fff;}
/*友情*/
.r{ text-align:center;background:#333;}
.r h4{ font-size:20px; float:left; padding: 20px 0; width:1000px; color:#000;}
.r .r1{ padding:30px;  float:left; width:940px; }
.r .r1 a{ margin:5px; display:inline-block;}
.r .r1 img{ border:1px #ccc solid;}
/*分页*/
.g { padding:8px; margin:0px 8px; text-align: center; float:left; }
.g a { border: #2c2c2c 1px solid; padding:5px 10px; background: url(images/pageimage1.gif) #2c2c2c;  color: #fff; margin-right: 2px;  text-decoration: none; }
.g a:hover { border: #aad83e 1px solid; background: #aad83e;  color: #fff;  }
.g a:active { border: #aad83e 1px solid;background: #aad83e;color: #fff;}
.g span.g1 { border: #aad83e 1px solid; padding:5px 10px;   font-weight: bold; background: #aad83e; color: #fff; margin-right: 2px; }
.g span.g2 { border: #f3f3f3 1px solid; padding:5px 10px;  color: #ccc; margin-right: 2px; }
/*底部信息*/
.z ul{  float:left; width:80px; padding:15px 0 15px 80px;}
.z li{ height:28px; line-height:28px;}
.z li strong{ color: #F60; font-size:14px;}
.z .z1{ border:1px #ccc solid; width:998px; float:left;}
.z .z2{ float:left;  border-bottom:1px #ccc solid; width:998px;}
.z .z3{  background:url(../images/logo.png) left bottom no-repeat; width:196px; height:36px; display:block; margin-top:50px; text-indent:-9999px;}
.z .z4{ float:left; width:998px; border-top:1px #ccc dashed; margin-top:10px; height:40px; line-height:40px;}
